
$(function(){

	$(window).on("resize",function(){

		//1.1获取窗口宽度
		let clientW = $(window).width()
		// console.log(clientW)

		//1.2设置临界值
		let isShowBigImage = clientW >=800

		//1.3 获取所有的item 轮播图片
		let $allItems = $("#carousel #lunbo .carousel-inner .item")
		console.log( $allItems)
		
		//1.4 遍历
		$allItems.each(function(index,item){
			//1.4.1 取出图片路径
			let src = isShowBigImage ? $(item).data("lg-img") : $(item).data("sm-img")

			let imgUrl = 'url("' + src +'")';

			//1.4.2 设置背景
			$(item).css({
				backgroundImage : imgUrl
			})

			//1.4.3 设置img标签
			if(!isShowBigImage){
				let $img = "<img src=' " +src+ "  ' />"
				// empty()   清除全部内容在追加
				$(item).empty().append($img)
			}else{
				$(item).empty()
			}

		})


	})// line===3

	$(window).trigger("resize");//页面载入事件，第一个执行的文本，无关顺序执行顺序
})



























